<template>
  <div class="signUp">
    <div class="signUp_conten">
      <div class="breadcrumb">
        <div class="width">
          <div class="news_list_content_breadcrumb">
            <t-breadcrumb>
              <t-breadcrumb-item to="/dashboard/base"> 首页 </t-breadcrumb-item>
              <t-breadcrumb-item>比赛报名</t-breadcrumb-item>
            </t-breadcrumb>
          </div>
        </div>
      </div>
      <h3 class="title">
        请选择参赛方式
        <span></span>
      </h3>
      <div class="signUp_Box">
        <div class="width">
          <img src="/src/assets/siginUpBj.png" alt="" class="pc signImg" />
          <img src="/src/assets/siginUpBj_ms.png" alt="" class="ms signImg" />
          <div class="signUp_BoxLeft" @click="navigateToUser(123)">
            <h3>线下省级赛</h3>
            <span>Offline provincial competition</span>
            <p>
              参加线下省级比赛，与来自全省的选手面对面交流，体验真实的比赛氛围。
            </p>
          </div>
          <div class="signUp_BoxRight" @click="navigateToUser(123)">
            <h3>线上主题赛</h3>
            <span>Online Theme Competition</span>
            <p>足不出户参与线上比赛，突破地域限制，随时随地展示你的才华。</p>
          </div>
        </div>
      </div>
    </div>
    <footer class="copyright"></footer>
  </div>
</template>
<script setup lang="ts">
import { useRouter } from "vue-router";
const router = useRouter();

const navigateToUser = (userId) => {
  router.push({
    name: "signUpSubmit",
    params: { userId },
    query: { from: "signUpSubmit" },
  });
};
</script>
<script setup lang="ts"></script>

<style lang="less" scoped>
@import url("./index.less");
</style>
